<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // class语法
        //  构造函数和原型
        // function Person(name,  age) {
        //     this.name = name
        //     this.age = age
        // }

        // let p = new Person('jack', 20);

        // Person.prototype.sayHello = function() {
        //     console.log(this.name)
        // }

        class Person{
            desc = "这是一个人类的实例";

            static shuoming = "这是一个静态属性";

            constructor(name, age) {
                this.name = name
                this.age = age
                // this.desc = '这是一个人类的实例'
            }

            sayHello() {
                console.log('大家好！我是' + this.name)
            }

            eat() {
                console.log('在吃东西')
            }

            // static关键字(静态)
            static intro(){
                console.log("这是一个静态方法")
            }
        }

        Person.intro()//静态方法
        console.log(Person.shuoming)//静态属性

        let p = new Person('jack', 20);
        console.log(p.desc);//实例属性
        p.sayHello();//实例方法


        // es5
        // 构造函数 静态属性  静态方法
        // 静态属性
        function Student(name){
            this.name = name
        }

        Student.desc = "考试是学生的必须的经历！";

        // 静态方法
        Student.intro = function(){
            console.log('学生就要好好学习！')
        }
        
        Student.intro();
    </script>
</body>
</html>